<script setup lang="ts">
import { ref, reactive } from 'vue'

</script>

<template>
    <div class="subject">
        <div class="header">
            <div class="title">专业建设</div>
            <div class="gp">位置</div>
        </div>
        <div class="subcontent">
           <div class="one">
               <div class="onetitle">
                   <p>
                       <strong>
                           一、国家级一流本科专业建设点
                       </strong>
                   </p>
               </div>
               <div class="oneinfo">
                   <span>生物科学</span>
                   <span>汉语言文学</span>
                   <span>数学</span>
               </div>
           </div>
           <div class="one">
               <div class="onetitle">
                   <p>
                       <strong>
                           二、省级一流本科专业建设点
                       </strong>
                   </p>
               </div>
               <div class="oneinfo">
                   <span>生物科学</span>
                   <span>汉语言文学</span>
                   <span>数学</span>
               </div>
           </div>
           <div class="one">
               <div class="onetitle">
                   <p>
                       <strong>
                           三、通过师范专业认证专业
                       </strong>
                   </p>
               </div>
               <div class="oneinfo">
                   <span>生物科学</span>
                   <span>汉语言文学</span>
                   <span>数学</span>
               </div>
           </div>
           <div class="one">
               <div class="onetitle">
                   <p>
                       <strong>
                           四、专业评估获得前五名成绩专业
                       </strong>
                   </p>
               </div>
               <div class="oneinfo">
                   <span>生物科学</span>
                   <span>汉语言文学</span>
                   <span>数学</span>
               </div>
           </div>
           <div class="one">
               <div class="onetitle">
                   <p>
                       <strong>
                           五、省特色专业
                       </strong>
                   </p>
               </div>
               <div class="oneinfo">
                   <span>生物科学</span>
                   <span>汉语言文学</span>
                   <span>数学</span>
               </div>
           </div>
        </div>
    </div>
   
</template>

<style scoped>
body{
   line-height: 20px;
   background: #f4f4f4;
   min-height: 1200px;
}
.subject{
    width: 1200px;
    margin: 0 auto;
}
.header{
     line-height: 80px;
    background: #fff;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    line-height: 80px;
    height: 80px;
}
.header .title{
    font-size: 20px;
    font-weight: bold;
}
.subcontent{
    margin: 50px 100px;
}
.subcontent .oneinfo{
    display: flex;
    justify-content: space-around;
}
.subcontent .one{
    padding-bottom: 30px;
}
.subcontent .onetitle{
    font-size: 20px;
    color: #974806;
}
</style>
